<script setup>

</script>

<template>
  <el-container class="home-container">
    <el-header>
      <h1>这是俊的私人网站</h1>
    </el-header>
    <el-main><RouterView /></el-main>
    <el-footer>Footer</el-footer>
  </el-container>
</template>

<style scoped>
.home-container {  
  height: 100vh;
}
.el-header{
  background-image: -webkit-linear-gradient(180deg, #00ffd9, #0022ff, #7b00ff);
  h1{
    line-height: 28px;
		letter-spacing: 8px;
    color: white;
  }
}
.el-main {
  background-color: #ffffff;
}
.el-footer{
  background-image: -webkit-linear-gradient(180deg, #00ffd9, #7b00ff, #00ffd9);
}
</style>